
@charset "utf-8";


#chbackground
{
    background-color: RGB(150,196,228);
    padding-top: 20px;
    padding-bottom: 20px;

}
#div2048
{
    width: 320px;
    height: 320px;
    background-color: RGB(187,173,160);
    margin: 10 auto;
    position: relative;
    border-radius: 9px 9px 9px 9px;

   
}
#start
{
    width: 320px;
    height: 320px;
    line-height: 500px;
    display: block;
    text-align: center;
    font-size: 30px;
    background: #f2b179;
    color: #FFFFFF;
    border-radius: 9px 9px 9px 9px;
}

.two{
        color:#fff7eb;
    background:#f65d3b;
    }
    
.div2048divtile0{
    background: RGB(204,192,178);
}


.div2048divtile{
    margin: 10px 0px 0px 10px;
    width: 67px;
    height: 8px;
    padding: 30px 0;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    float: left;
    font-weight: bold;
    font-family: '微软雅黑';
    border-radius: 9px 9px 9px 9px;  
  

       
}


.div2048divtile2
{
    color: #7c736a;
    background: #eee4da;
}
.div2048divtile4
{
    color: #7c736a;
    background: #ece0c8;
}
.div2048divtile8
{
    color: #fff7eb;
    background: #f2b179;
}
.div2048divtile16
{
    color:#fff7eb;
    background:#f59563;
}
.div2048divtile32
{
    color:#fff7eb;
    background:#f57c5f;
}
.div2048divtile64
{
    color:#fff7eb;
    background:#f65d3b;
}
.div2048divtile128
{
    color:#fff7eb;
    background:#edce71;
    font-size: 25px;
}
.div2048divtile256
{
    color:#fff7eb;
    background:#edcc61;
    font-size: 25px;
}
.div2048divtile512
{
    color:#fff7eb;
    background:#ecc850;
    font-size: 25px;
}
.div2048divtile1024
{
    color:#fff7eb;
    background:#edc53f;
    font-size: 22px;
}

.div2048divtile2048
{
    color:#fff7eb;
    background:#eec22e;
    font-size: 22px;
}
@media screen and (min-width: 452px)  and (max-device-width: 1800px){
    #div2048 {
        width:452px;height: 452px;
    }
    #start {
        width:452px;height: 452px;
    }
    .div2048divtile{
        width: 100px;height: 40px;
        font-size: 40px;

    }
}